<style>
    #selectworker table {
        border: 1px solid #d2d2d2;
        border-collapse: unset !important;
    }
    legend {
        padding-bottom:8px;
        font-size:14px;
        font-weight:600;
        padding-left: 10px;
        padding-right: 15px;
        padding-top: 8px;
        margin-bottom: 4px;
        color: #0a6aa1;
    }
    form {
        padding: 8px;
        background: #fbfbfb;
    }
    .nav-tabs-custom{
        margin-bottom: 0!important;
    }
    .main-content .tab-content{
        height: calc(100vh - 74px)!important;
        overflow: auto;
        overflow-x: hidden;
        padding: 10px 0 0 10px!important;
        scrollbar-width: thin;
    }
    div ::-webkit-scrollbar {
        /*滚动条整体*/
        width: 4px;
        height: 8px;
        border-radius: 5px;
    }
    div ::-webkit-scrollbar-track {
        /*滚动条轨道*/
        background: #e3e3e3;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb {
        /*滚动条里面的滑块*/
        background: #d1d1d1;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb:hover {
        /*滚动条鼠标事件，鼠标放上去出现的事件*/
        background: #a8a8a8;
    }
    div ::-webkit-scrollbar-corner {
        /*滚动条边角*/
        background: #a8a8a8;
    }
</style>
<div class="row main-content">
    <div class="col-md-12 col-lg-12 col-sm-12">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#start-form" data-toggle="tab" aria-expanded="true">消息测试</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="start-form">
                    <form class="form-horizontal" role="form" data-toggle="validator" method="POST"
                          action="{:url('test')}">
                        <input class="hidden" name="row[message_id]" value="{$message_id|htmlentities}">
                        <legend>选择消息接收人/分组</legend>
                        <div class="form-group">
                            <div class="col-xs-12 col-sm-12">
                                <table class="table">
                                    <tbody>
                                    <tr>
                                        <th style="text-align: center;width: 100px;">域</th>
                                        <th style="text-align: center">接收人（分组）</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            <select id="fastflow-receiver_scope" class="form-control" style="alignment: center" name="row[receiver_scope]">
                                                {volist name='receiver_scope' id='item'}
                                                <option value="{$item['value']}">{$item['name']|htmlentities}</option>
                                                {/volist}
                                            </select>
                                        </td>
                                        <td>
                                            <span>
                                                <input id="fastflow-receiver" data-source="fastflow/flow/run/getSelectpageWorkers"  data-field="name" data-primary-key="id" data-multiple="true" class="form-control selectpage" name="row[receiver]" type="text">
                                            </span>
                                        </td>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="form-group layer-footer">
                            <label class="control-label col-xs-12 col-sm-2"></label>
                            <div class="col-xs-12 col-sm-12">
                                <div class="pull-right">
                                    <button type="submit" class="btn btn-success btn-embossed disabled">发送消息</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="alert alert-success-light alert-dismissible"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><i class="fa fa-warning"></i> 系统调用自定义消息方法进行测试，请自行检查是否接收到消息</div>
                    <div class="alert alert-danger-light alert-dismissible"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><i class="fa fa-warning"></i> 如果返回 Internal Server Error，请检查配置参数及自定义方法是否正确</div>
                </div>
            </div>
        </div>
    </div>
</div>


